<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Semua Berbagi-Indonesia Charity Community</title>
        <meta name="keywords" content="berbagi,charity,community"/>
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link src="js/collapse.js" type="text/javascript"/>
        <link href="css/styleBerbagi.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div class="wrap">
            <div class="container">                
                <nav class="navbar navbar-default navbar-inverse" role="navigation">
                    <div class="row">
                        <div class="col-lg-6 col-sm-12 col-xs-12">
                            <form class="navbar-form" role="search">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search" name="text_search">
                                    <div class="input-group-btn">
                                        <button class="btn btn-default" type="submit" name="button_search"><i class="glyphicon glyphicon-search"></i></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-lg-2">

                        </div>
                        <div class="col-lg-4 col-sm-12 col-xs-12">
                            <div class="navbar-right">
                                <ul class="nav navbar-nav">
                                    <li>
                                        <a href="#">Daftar</a>
                                    </li>
                                    <li>
                                        <a href="#">Masuk</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>            
                </nav>

                <nav class="navbar navbar-default" role="navigation">
                    <div class="row">
                        <div class="col-lg-6 col-sm-12 col-xs-12">
                        </div>
                        <div class="col-lg-2">

                        </div>
                        <div class="col-lg-4 col-sm-12 col-xs-12">
                            <div class="navbar-right">
                                <ul class="nav navbar-nav">
                                    <li>
                                        <a href="#">Our Mission</a>
                                    </li>
                                    <li>
                                        <a href="#">Donation</a>
                                    </li>
                                    <li>
                                        <a href="#">Help</a>
                                    </li>
                                    <li>
                                        <a href="#">Children</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>            
                </nav>

                <div class="panel panel-default panelKat">
                    <div class="panel-heading">
                        <blockquote class="blockQuoteBerbagi">
                            <label>Kategori Barang</label>
                        </blockquote>            
                    </div>
                    <div class="row">
                        <div class="col-sm-1 col-xs-3">

                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <center><a href="#"><img src="kategori/1.png" class="img-thumbnail"/></a></center>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <center><a href="#"><img src="kategori/2.png" class="img-thumbnail"/></a></center>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <center><a href="#"><img src="kategori/3.png" class="img-thumbnail"/></a></center>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <center><a href="#"><img src="kategori/4.png" class="img-thumbnail"/></a></center>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <center><a href="#"><img src="kategori/5.png" class="img-thumbnail"/></a></center>
                        </div>
                        <div class="col-sm-1 col-xs-3">
                        </div>    
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body"> 
                        <div class="row">
                            <div class="col-lg-6 col-sm-12 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <blockquote class="blockQuoteBerbagi">
                                            <div class="row">
                                                <div class="col-lg-5 col-sm-12 col-xs-12">
                                                    Kereta Bayi
                                                </div>
                                                <div class="col-lg-5 col-sm-12 col-xs-12 panelTgl">
                                                    <div class="kodeFont">Kode : 1234</div>
                                                    Kamis, 4 September 2014
                                                </div>
                                            </div>  
                                        </blockquote>        
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-12 col-xs-12">

                            </div>
                        </div>                                               
                    </div>
                </div>

            </div>
        </div>
    </body>
</html>
